// @import './iconfont.css';

.test {
  // 可以通过 @apply 多个样式封装整体样式
  @apply mt-4 ml-4;

  padding-top: 4px;
  color: red;
}

image {
  width: 100%;
  height: 100%;
  min-height: 10rpx;
}

.bt-safe {
  bottom: var(--window-bottom);
}

.pt-header {
  padding-top: calc(var(--status-bar-height) + 54rpx);
  padding-bottom: 24rpx;
  box-sizing: content-box;
}

.h-safe {
  height: 112rpx;
}

/* #ifdef H5 */
@layer utilities {
  /* 隐藏 Chrome, Safari 和 Opera 的滚动条 */
  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }
  /* 隐藏 IE, Edge 和 Firefox 的滚动条 */
  .no-scrollbar {
    -ms-overflow-style: none; /* IE 和 Edge */
    scrollbar-width: none; /* Firefox */
  }
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
  background-color: transparent;
}
/* #endif */

.tag {
  position: relative;
}

.tag::after {
  position: absolute;
  top: 0;
  left: 0;

  content: '';
  display: block;
  width: 8rpx;
  height: 100%;
  background-color: #ff6600;

  border-radius: 4rpx;
}

.tag-l {
  position: relative;
}

.tag-l::after {
  position: absolute;
  top: 0;
  left: 0;

  content: '';
  display: block;
  width: 8rpx;
  height: 100%;
  background-color: #fff;

  border-radius: 4rpx;
}

.none {
  background-color: transparent;
  border: none;
  outline: none;
  margin: 0;
  padding: 0;
}

.bg-main {
  background-image: url('http://llcdn.jxsr.com/mainback.png');
  background-repeat: no-repeat;
  background-size: 750rpx 865rpx;
}

.bg-main1 {
  background-image: url('http://llcdn.jxsr.com/mainback1.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-main2 {
  background-color: #f7f7f7;
  background-image: url('http://llcdn.jxsr.com/11.webp');
  background-repeat: no-repeat;
  background-size: cover;
}

.f-24 {
  font-size: 24rpx !important;
}

.bb {
  border-bottom: 1rpx solid #eee;
}

.bb:last-child {
  border: none;
}

/* 每个页面公共css */
/* 解决小程序和app滚动条的问题 */
/* #ifdef MP-WEIXIN */
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}
/* #endif */

/* 解决H5的问题 */
/* #ifdef H5 */
uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
  color: transparent;
}
/* #endif */
